<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>   
<!DOCTYPE html>
<html style="height: auto;">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>欢迎使用扫码呼叫服务</title>
<%@ include file="/include/wx_main_include.jsp"%>
<link rel="stylesheet" type="text/css" href="${path}/static/myjs/information/weixin/css/base.css?v=${css_version}">
<link href="${path}/static/myjs/information/weixin/css/mui.css?v=${css_version}" rel="stylesheet" />
<link href="${path}/static/myjs/information/weixin/css/mui-order.css?v=${css_version}" rel="stylesheet">
<link rel="stylesheet" href="${path}/static/myjs/information/weixin/css/new_file.css?v=${css_version}" />
<link rel="stylesheet" type="text/css" href="${path}/static/myjs/information/weixin/css/iconfont.css?v=${css_version}">
<link rel="stylesheet" type="text/css" href="${path}/static/myjs/information/weixin/css/iconfont3.css?v=${css_version}">
<script type='text/javascript' src='${path}/static/myjs/information/weixin/js/jquery.qrcode.min.js'></script>
</head>
<body>
	<div id="view" class="bg-gray view-hauto">
		<div id="top-fixed">
			<header class="mui-bar mui-bar-nav">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 class="mui-title">购物车</h1>
				<div class="right-box">
				<%-- <c:if test="${empty pd.ORDER_ID||pd.ORDER_ID.equals('')  }">
					<span id="addFoodBtn" class="mui-pull-right order-textgreen">加菜 </span>
				</c:if> --%>
					<a href="javascript:" class="mui-icon">
						<i class="iconfont icon-shanchu" id="clearCart"></i>
					</a>
				</div>
			</header>
		</div>

		<div class="scroll-wrap">
			<div class="scroll-content shopping-content">
				<div class="shopping-content-list">
					<div>
							<div class="listItem" id="listItemId">
								<%-- <h4 class="classify">${var.MenuName }&nbsp;&nbsp;<span id="${var.MenuId }">${var.count}</span>
									份
								</h4> --%>
							</div>
				 
					</div>
				</div>
				
				<%-- <c:if test="${empty shopPd.IS_PACKAGE||shopPd.IS_PACKAGE.equals('1') }">
				<c:if test="${pd.trueRamadhin != 20000}">
					<div class="order-dbcheckbox clearfix" style="margin:0 20px 0 15px">
						<span class="mui-h5" style="color:#333">打包 </span>
						<input type="checkbox" id="dbcheckbox" class="chk_1 mui-pull-right mui-hidden" />
						<label for="dbcheckbox" class="mui-pull-right iconfont chk_sty"></label>
					</div>
				</c:if>
				</c:if> --%>
				<div class="shopping-remarks">
					<label>
								<textarea style="border:0" name="REMARKS" id="REMARKS" placeholder="订单备注:请告诉我们您还有什么要求" class="input-noborder"></textarea>
					</label>
				</div>
				<div class="content-list-bottom">
						<div>
							<span>总价</span>
							<i id="Amount">￥ 0</i>
						</div>
						 <div>
							<span>服务费</span>
							<i class="color-orange" id="zk">+￥<fmt:formatNumber type="number" value="${pd.serviceFee}" pattern="0.00" maxFractionDigits="2"/> </i>
						</div> 
				</div>
				<%-- <c:if test="${pd.ISASS == '1'}">
					<div class="payment-option">
					<div class="left">
						<span style="color:#ff7260;font-weight:bold">请选择支付方式</span>
					</div>
					<div class="option">
						<c:choose>
							<c:when test="${pd.CHANNEL == 'WX'}">
							<c:choose>
								<c:when test="${pd.ISAmount == '1'}">
									<select style="margin-bottom:0;padding-right:0;direction:rtl" id="myselect">
										<option value="HY"  selected="selected">会员</option>
										<option value="WX">微信</option>
									</select>
								</c:when>
								<c:otherwise>
									<select style="margin-bottom:0;padding-right:0;direction:rtl" id="myselect">
										<option value="HY">会员</option>
										<option value="WX" selected="selected">微信</option>
									</select>
								</c:otherwise>
							</c:choose>
							</c:when>
							<c:otherwise>
								<c:choose>
								<c:when test="${pd.ISAmount == '1'}">
									<select style="margin-bottom:0;padding-right:0;direction:rtl" id="myselect">
										<option value="HY"  selected="selected">会员</option>
										<option value="ALI">支付宝</option>
									</select>
								</c:when>
								<c:otherwise>
									<select style="margin-bottom:0;padding-right:0;direction:rtl" id="myselect">
										<option value="HY">会员</option>
										<option value="ALI" selected="selected">支付宝</option>
									</select>
								</c:otherwise>
							</c:choose>
							</c:otherwise>
						</c:choose>
					</div>
				</div>
				</c:if> --%>
			<%-- 	<div class="pay-money">
						<span class="mr-tt" style="margin-right:0;float:right">
							<i  id="totalAmount">￥<fmt:formatNumber type="number" value="${totalAmount}" pattern="0.00" maxFractionDigits="2"/></i>
						</span>
						<span class="mr-tt" style="font-size:12px">
							共
							<i id="totalQuantity">${totalQuantity}</i>
							份&nbsp;&nbsp;支付价
						</span>
				</div> --%>
				<%-- <c:if test="${pd.IS_CASH_PAY =='1'&&pd.IS_ONLINE.equals('1')&&(empty pd.ORDER_ID||pd.ORDER_ID.equals('') ) }">
					<c:if test="${shopPd.CALL_TYPE == 2}">
						<c:if test="${pd.trueRamadhin != 20000}">
							<div id="nopayBtn" class="order-dbcheckbox">
								<!-- 现金支付，点此呼叫服务员。 -->
								<!-- <button id="payBtn" class="shopping-payment-btn mui-btn-green mui-h4">呼叫服务员</button> -->
								<p id="" class="mui-h4 mui-text-center fonts16 tips">现金支付，点此呼叫服务员</p>
							</div>
						</c:if>
					</c:if>
					<c:if test="${shopPd.CALL_TYPE != 2}">
						<div id="nopayBtn" class="order-dbcheckbox">
							<!-- <button id="payBtn" class="shopping-payment-btn mui-btn-green mui-h4">呼叫服务员</button> -->
							<p id="" class="mui-h4 mui-text-center fonts16">我要饭后结账,点此提交订单</p>
						</div>
					</c:if>
				</c:if>
				<c:if test="${not empty pd.ORDER_ID&& !pd.ORDER_ID.equals('')&&!pd.F_TYPE.equals('ITEM')  }">
						<div id="nopayBtn" class="order-dbcheckbox">
							<p id="" class="mui-h4 mui-text-center fonts16">确认加菜</p>
						</div>
				</c:if>
				
				<c:if test="${!pd.F_TYPE.equals('ADD') }">
					<div class="shopping-payment">
						<span id="payTotalPrice">￥<fmt:formatNumber type="number" value="${totalAmount}" pattern="0.00" maxFractionDigits="2"/></span>
						<i style="display:inline-block;margin:0 5px;color:rgba(255,255,255,0.4)">|</i>
						<span id="zk1"  style="font-size:12px;color:#fff">优惠￥<fmt:formatNumber type="number" value="${result.ZHEKOU}" pattern="0.00" maxFractionDigits="2"/></span>
						<c:if test="${pd.IS_ONLINE.equals('1')&&!pd.F_TYPE.equals('ITEM') }">
							<!-- <button id="HyPayBtn" class="shopping-payment-btn mui-btn-green mui-h4" style="display:none;">
								去支付
							</button> -->
							<button id="payBtn" class="shopping-payment-btn mui-btn-green mui-h4">
								去支付
							</button>
						</c:if>
						<c:if test="${pd.F_TYPE.equals('ITEM') }">
							<button id="itemPayBtn" class="shopping-payment-btn mui-btn-green mui-h4">
								去支付
							</button>
						</c:if>
						<c:if test="${pd.IS_ONLINE.equals('0')&&!pd.F_TYPE.equals('ITEM') }">
							<button id="confimOrderBtn" class="shopping-payment-btn mui-btn-green mui-h4">
								确认下单
							</button>
						</c:if>
					</div>
				</c:if> --%>
				
				<div class="shopping-payment">
						<span id="payTotalPrice">￥0</span>
						<i style="display:inline-block;margin:0 5px;color:rgba(255,255,255,0.4)">|</i>
						<%-- <c:if test="${pd.IS_ONLINE.equals('1')&&!pd.F_TYPE.equals('ITEM') }"> --%>
							<!-- <button id="HyPayBtn" class="shopping-payment-btn mui-btn-green mui-h4" style="display:none;">
								去支付
							</button> -->
							<button id="payBtn" class="shopping-payment-btn mui-btn-green mui-h4">
								去支付
							</button>
						<%-- </c:if>
						<c:if test="${pd.F_TYPE.equals('ITEM') }">
							<button id="itemPayBtn" class="shopping-payment-btn mui-btn-green mui-h4">
								去支付
							</button>
						</c:if>
						<c:if test="${pd.IS_ONLINE.equals('0')&&!pd.F_TYPE.equals('ITEM') }">
							<button id="confimOrderBtn" class="shopping-payment-btn mui-btn-green mui-h4">
								确认下单
							</button>
						</c:if> --%>
					</div>
			</div>
		</div>
	</div>
	<!-- <div id="layer" class="layer">
		<div id="code" class="code">
			<p class="code-text">呼叫成功，请等待服务员确认。</p>
			<div class="layer-closebox">
				<a href="javascript:" class="layer-closebtn iconfont icon-guanbi"></a>
			</div>
		</div>
	</div> -->
	<!-- 是否确认饭后支付 -->
	<!-- <div id="later" class="layer" style="display:none">
		<div  class="mask-box">
			<div class="tableware-innertop">
				<span class="iconfont icon-shiwan"></span>
			</div>
			<div class="txt-box">
				<p>确定提交吗？</p>
				<p>提交后等待上菜就可以啦！</p>
			</div>
			<div class="btn-box">
				<span class="cancle">取消</span>
				<span class="sure">确定</span>
			</div>
		</div>
	</div>
	<div id="tips" class="layer" style="display:none">
		<div  class="mask-box">
			<div class="tableware-innertop">
				<span class="iconfont icon-shiwan"></span>
			</div>
			<div class="txt-box">
				<p>确定使用会员卡付款吗？</p>
			</div>
			<div class="btn-box">
				<span class="cancle" id="cancle">取消</span>
				<span class="sure" id="sure">确定</span>
			</div>
		</div>
	</div> -->
	<!-- 随机立减 -->
<%-- 	<div class="layer" style="display:none" id="reduce">
		<div class="mask_information">
	    <div class="txtbox">
	        <p>恭喜您获得红包</p>
	        <div class="picture-box">
	            <img src="${path}/static/myjs/information/weixin/images/quan@2x.png" alt=""/>
	            <div class="txt-left">
	                <span>
	                   <i>￥</i>
	                   <i id="suiji" style="font-size:40px;">0.00</i>
	                </span>
	            </div>
	            <div class="txt-right">
	                <span>
	                                                           随机
	                </span>
	                <span>
	                                                           立减
	                </span>
	            </div>
	        </div>
	    </div>
	    <div class="describe-box">
	        <h4 style="margin:0"><span id="time">5</span>秒后自动跳转</h4>
	        <a id="clickjump">点击跳转</a>
	    </div>
	    <div class="close" id="close_random">
	        <i></i>
	        <a>×</a>
	    </div>
	</div>
	</div> --%>
</body>
<script type="text/javascript" src="${path}/static/myjs/information/msite/shopping.js?v=${css_version}"></script>
<script type="text/javascript" charset="utf-8">
 
	$(function() {
		shopping.detail.init({
			'BUSINESS_ID' : '${dining.businessId}',
			'RAMADHIN' : '${dining.name}',
			'withFee' : '${pd.withFee}',
			'serviceFee' : '${empty pd.serviceFee?0:pd.serviceFee}',
			'trueRamadhin' : '${dining.diningId}'
		});
	});
</script>
</html>